<template>
  <view class="pages-container">
    <view class="content-item">
      <!-- 弹出窗口 -->
      <view class="btn-size" @tap="goMeanDrop">
        <wd-button>弹出窗口</wd-button>
      </view>

      <!-- 卡片布局 -->
      <view class="btn-size" @tap="goCardList">
        <wd-button>卡片布局</wd-button>
      </view>

      <!-- 签名组件老接口 -->
      <view class="btn-size" @tap="goSignNature">
        <wd-button>签名组件</wd-button>
      </view>

      <!-- 签名组件新接口 -->
      <view class="btn-size" @tap="goNewSecond">
        <wd-button>签名组件（type2D）</wd-button>
      </view>

      <!-- 订单详情页面 -->
      <view class="btn-size" @tap="goOrderDetail">
        <wd-button>订单详情页面</wd-button>
      </view>

      <!-- 去分类页面二 -->
      <view class="btn-size" @tap="goCateDetail">
        <wd-button>去分类页面二</wd-button>
      </view>

      <!-- 商品信息页面 -->
      <view class="btn-size" @tap="goGoodsInfo">
        <wd-button>商品信息页面</wd-button>
      </view>

      <!-- 需求信息详情 -->
      <view class="btn-size" @tap="goDemoDetail">
        <wd-button>需求信息详情</wd-button>
      </view>

      <!-- 合同支付页面 -->
      <view class="btn-size" @tap="goPayDetail">
        <wd-button>合同支付页面</wd-button>
      </view>

      <!-- 滑动操作 -->

      <view class="btn-size" @tap="goSwiper">
        <wd-button>滑动操作</wd-button>
      </view>

      <!-- canvas生成海报 -->

      <view class="btn-size" @tap="goCanvasInfo">
        <wd-button>canvas生成海报</wd-button>
      </view>

      <!-- 图片懒加载 -->
      <view class="btn-size" @tap="goTextPage">
        <wd-button>图片懒加载</wd-button>
      </view>

      <!-- 首页内容 -->
      <view class="btn-size" @tap="goHomePage">
        <wd-button>首页内容</wd-button>
      </view>
      <!-- 分类三 -->
      <view class="btn-size" @tap="goCateThree">
        <wd-button>分类三</wd-button>
      </view>

      <!-- 添加评论 -->
      <view class="btn-size" @tap="goCommitInfo">
        <wd-button>评论内容</wd-button>
      </view>

      <!-- 添加圆角tab -->
      <view class="btn-size" @tap="goRadiosTab">
        <wd-button>圆角标签</wd-button>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
// 去所有弹窗页面
const goMeanDrop = () => {
  uni.navigateTo({ url: '/subPackages/popMain/index' })
}

// 去所有卡片页面
const goCardList = () => {
  uni.navigateTo({ url: '/subPackages/cardMain/index' })
}

// 签名组件
const goSignNature = () => {
  uni.navigateTo({ url: '/subPackages/testSign/index' })
}

// 签名组件（type2D）
const goNewSecond = () => {
  uni.navigateTo({ url: '/subPackages/testShowPage/index' })
}

// 订单详情页面
const goOrderDetail = () => {
  uni.navigateTo({ url: '/subPackages/orderDetail/index' })
}

// 去分类页面
const goCateDetail = () => {
  uni.navigateTo({ url: '/subPackages/cateTwo/index' })
}

const goGoodsInfo = () => {
  uni.navigateTo({ url: '/subPackages/goodsDetail/index' })
}

// 需求详情页面
const goDemoDetail = () => {
  uni.navigateTo({ url: '/subPackages/allDetails/demoDetail/index' })
}

// 去支付详情页面
const goPayDetail = () => {}

const goSwiper = () => {
  uni.navigateTo({ url: '/subPackages/swiperPage/index' })
}

// 生成海报
const goCanvasInfo = () => {
  uni.navigateTo({ url: '/subPackages/canvasPoster/index' })
}
// 生成海报
const goTextPage = () => {
  uni.navigateTo({ url: '/subPackages/testPage/index' })
}

// 首页内容
const goHomePage = () => {
  uni.navigateTo({ url: '/subPackages/homePage/index' })
}

// 首页内容
const goCateThree = () => {
  uni.navigateTo({ url: '/subPackages/cateThree/index' })
}

// 评论内容
const goCommitInfo = () => {
  uni.navigateTo({ url: '/subPackages/comment/index' })
}

const goRadiosTab = () => {
  uni.navigateTo({
    url: '/subPackages/radiousTabs/index',
  })
}
</script>

<style lang="scss" scoped>
@use './index.scss';
</style>
